<!DOCTYPE html>
<html lang="zh-CN">
  	<head>
	    <meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title></title>
		
		<link rel="stylesheet" href="/css/bootstrap.min.css" />
		<link rel="stylesheet" href="/css/header.css" />
		<link rel="stylesheet" href="/css/index.css" />
		<link rel="stylesheet" href="/css/sweetalert.css" />
	</head>
	
	<body data-spy="scroll" data-target="#sideNav">
		
		<%- include header %>
		
		<div class="container" id="roll">
			
			<div class="row">
				<% if(rollNews[2]) { %>
				<div class="col-xs-12 col-md-10 col-md-offset-1">
					
					<div id="carouselNewsShow" class="carousel slide" data-ride="carousel">
						<!-- Indicators -->
						<ol class="carousel-indicators">
						    <li data-target="#carouselNewsShow" data-slide-to="0" class="active"></li>
						    <li data-target="#carouselNewsShow" data-slide-to="1"></li>
						    <li data-target="#carouselNewsShow" data-slide-to="2"></li>
						</ol>
						
						<!-- Wrapper for slides -->
						<div class="carousel-inner" role="listbox">
						    <div class="item active">
							    <a href="/news?newsId=<%= rollNews[0].id %>"> 
							    	<img src="<%= rollNews[0].smallPicture %>" alt="picture1"> 
							    </a>
							    <div class="carousel-caption">
							        <h3><%= rollNews[0].title %></h3>
		    						<p><%= rollNews[0].smallTitle %></p>
							    </div>
						    </div>
						    <div class="item">
						    	<a href="/news?newsId=<%= rollNews[1].id %>"> 
							    	<img src="<%= rollNews[1].smallPicture %>" alt="picture2">
							    </a>
							    <div class="carousel-caption">
							        <h3><%= rollNews[1].title %></h3>
		    						<p><%= rollNews[1].smallTitle %></p>
							    </div>
						    </div>
						    <div class="item">
						    	<a href="/news?newsId=<%= rollNews[2].id %>"> 
							    	<img src="<%= rollNews[2].smallPicture %>" alt="picture3">
							    </a>
							    <div class="carousel-caption">
							        <h3><%= rollNews[2].title %></h3>
		    						<p><%= rollNews[2].smallTitle %></p>
							    </div>
						    </div>
						</div>
						
						<!-- Controls -->
						<a class="left carousel-control" href="#carouselNewsShow" role="button" data-slide="prev">
						    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						    <span class="sr-only">Previous</span>
						</a>
						<a class="right carousel-control" href="#carouselNewsShow" role="button" data-slide="next">
						    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						    <span class="sr-only">Next</span>
						</a>
					</div>
					
				</div>
				<% } %>
			</div>
			
		</div>
		
		<!-------------------          Hot news start        --------------------------------->
		
		<div class="container">
			
			<div id="hotNews">
				<div class="row">
					<div class="col-xs-12">
						<div class="page-header">
						    <h1>热点新闻<small>24小时热点直达</small></h1>
						</div>
					</div>
				</div>
				
				<div class="row">
					<ul class="list-group col-xs-12">
						
					  	<% hotNews.forEach(function(item) { %>
				
					  	<li class="list-group-item">
					  		<div class="row">
								<div class="col-xs-4 col-md-2">
									<a href="/news?newsId=<%= item.id %>">
										<img src="<%= item.smallPicture %>" alt="Hot news" class="img-responsive img-thumbnail" />
									</a>
								</div>
								
								<div class="col-xs-8 col-md-10">
									<a href="/news?newsId=<%= item.id %>">
										<h4><%= item.title %><small><%= item.smallTitle %></small></h4>
									</a> 
									<p><%= item.summary %></p>
								</div>
							</div>
							
							<div class="row text-right">
								<div class="visible-md-block visible-lg-block col-md-3 col-md-offset-2">
									<span>—— <%= item.name %> </span> 
								</div>
								<div class="col-md-3">
									<time><%= item.sendTime %></time>	
								</div>
								<div class="col-md-4">
									<span class="span-info">点击量 <span class="badge"><%= item.click %></span></span>
									<span>评论数 <span class="badge"><%= item.comment %></span></span>
								</div>
							</div>
					  	</li>
							
						<% }) %>
					  	
					</ul>
				</div>
			</div>
			
		</div>
		
		
		<!-------------------          Hot news end        --------------------------------->
	
		<!-------------------          kinds of news start        --------------------------------->
		
		<div class="container" id="kindsOfNews" >
			<div class="row">
				<div class="col-xs-12 col-md-10">
					
					<div id="societyNews">
						<div class="row">
							<div class="col-xs-12">
								<div class="page-header">
								    <h1>社会新闻<small>24小时热点直达</small></h1>
								</div>
							</div>
						</div>
						
						<div class="row">
							<ul class="list-group col-xs-12">
							  	
							  	<% societyNews.forEach(function(item) { %>
				
							  	<li class="list-group-item">
							  		<div class="row">
										<div class="col-xs-4 col-md-2">
											<a href="/news?newsId=<%= item.id %>">
												<img src="<%= item.smallPicture %>" alt="Hot news" class="img-responsive img-thumbnail" />
											</a>
										</div>
										
										<div class="col-xs-8 col-md-10">
											<a href="/news?newsId=<%= item.id %>">
												<h4><%= item.title %><small><%= item.smallTitle %></small></h4>
											</a>
											<p><%- item.summary %></p>
										</div>
									</div>
									
									<div class="row text-right">
										<div class="visible-md-block visible-lg-block col-md-3 col-md-offset-2">
											<span>—— <%= item.name %> </span> 
										</div>
										<div class="col-md-3">
											<time><%= item.sendTime %></time>	
										</div>
										<div class="col-md-4">
											<span class="span-info">点击量 <span class="badge"><%= item.click %></span></span>
											<span>评论数 <span class="badge"><%= item.comment %></span></span>
										</div>
									</div>
							  	</li>
									
								<% }) %>

							  	
							  	<li class="list-group-item">
							  		<div class="row">
										<div class="col-xs-12">
											<p class="text-right"><a href="/search/moreNews?classify=社会&content=" class="span-info">查看更多</a><span class="glyphicon glyphicon-chevron-right span-info" aria-hidden="true"></span></p>
										</div>
									</div>
							  	</li>
							  	
							</ul>
						</div>
					</div>
					
					<div id="amusementNews">
						<div class="row">
							<div class="col-xs-12">
								<div class="page-header">
								    <h1>娱乐新闻<small>24小时热点直达</small></h1>
								</div>
							</div>
						</div>
						
						<div class="row">
							<ul class="list-group col-xs-12">
							  	
							  	<% amusementNews.forEach(function(item) { %>
				
							  	<li class="list-group-item">
							  		<div class="row">
										<div class="col-xs-4 col-md-2">
											<a href="/news?newsId=<%= item.id %>">
												<img src="<%= item.smallPicture %>" alt="Hot news" class="img-responsive img-thumbnail" />
											</a>
										</div>
										
										<div class="col-xs-8 col-md-10">
											<a href="/news?newsId=<%= item.id %>">	
												<h4><%= item.title %><small><%= item.smallTitle %></small></h4>
											</a>
											<p><%= item.summary %></p>
										</div>
									</div>
									
									<div class="row text-right">
										<div class="visible-md-block visible-lg-block col-md-3 col-md-offset-2">
											<span>—— <%= item.name %> </span> 
										</div>
										<div class="col-md-3">
											<time><%= item.sendTime %></time>	
										</div>
										<div class="col-md-4">
											<span class="span-info">点击量 <span class="badge"><%= item.click %></span></span>
											<span>评论数 <span class="badge"><%= item.comment %></span></span>
										</div>
									</div>
							  	</li>
									
								<% }) %>
							  	
							  	<li class="list-group-item">
							  		<div class="row">
										<div class="col-xs-12">
											<p class="text-right"><a href="/search/moreNews?classify=娱乐&content=" class="span-info">查看更多</a><span class="glyphicon glyphicon-chevron-right span-info" aria-hidden="true"></span></p>
										</div>
									</div>
							  	</li>
							  	
							</ul>
						</div>
					</div>
					
					<div id="scienceNews">
						<div class="row">
							<div class="col-xs-12">
								<div class="page-header">
								    <h1>科技新闻<small>24小时热点直达</small></h1>
								</div>
							</div>
						</div>
						
						<div class="row">
							<ul class="list-group col-xs-12">
							  	
							  	<% scienceNews.forEach(function(item) { %>
				
							  	<li class="list-group-item">
							  		<div class="row">
										<div class="col-xs-4 col-md-2">
											<a href="/news?newsId=<%= item.id %>">
												<img src="<%= item.smallPicture %>" alt="Hot news" class="img-responsive img-thumbnail" />
											</a>
										</div>
										
										<div class="col-xs-8 col-md-10">
											<a href="/news?newsId=<%= item.id %>">
												<h4><%= item.title %><small><%= item.smallTitle %></small></h4>
											</a>
											<p><%= item.summary %></p>
										</div>
									</div>
									
									<div class="row text-right">
										<div class="visible-md-block visible-lg-block col-md-3 col-md-offset-2">
											<span>—— <%= item.name %> </span> 
										</div>
										<div class="col-md-3">
											<time><%= item.sendTime %></time>	
										</div>
										<div class="col-md-4">
											<span class="span-info">点击量 <span class="badge"><%= item.click %></span></span>
											<span>评论数 <span class="badge"><%= item.comment %></span></span>
										</div>
									</div>
							  	</li>
									
								<% }) %>
							  	
							  	<li class="list-group-item">
							  		<div class="row">
										<div class="col-xs-12">
											<p class="text-right"><a href="/search/moreNews?classify=科技&content=" class="span-info">查看更多</a><span class="glyphicon glyphicon-chevron-right span-info" aria-hidden="true"></span></p>
										</div>
									</div>
							  	</li>
							  	
							</ul>
						</div>
					</div>
					
					<div id="PENews">
						<div class="row">
							<div class="col-xs-12">
								<div class="page-header">
								    <h1>体育新闻<small>24小时热点直达</small></h1>
								</div>
							</div>
						</div>
						
						<div class="row">
							<ul class="list-group col-xs-12">
							  	
							  	<% PENews.forEach(function(item) { %>
				
							  	<li class="list-group-item">
							  		<div class="row">
										<div class="col-xs-4 col-md-2">
											<a href="/news?newsId=<%= item.id %>">
												<img src="<%= item.smallPicture %>" alt="Hot news" class="img-responsive img-thumbnail" />
											</a>
										</div>
										
										<div class="col-xs-8 col-md-10">
											<a href="/news?newsId=<%= item.id %>">
												<h4><%= item.title %><small><%= item.smallTitle %></small></h4>
											</a>
											<p><%= item.summary %></p>
										</div>
									</div>
									
									<div class="row text-right">
										<div class="visible-md-block visible-lg-block col-md-3 col-md-offset-2">
											<span>—— <%= item.name %> </span> 
										</div>
										<div class="col-md-3">
											<time><%= item.sendTime %></time>	
										</div>
										<div class="col-md-4">
											<span class="span-info">点击量 <span class="badge"><%= item.click %></span></span>
											<span>评论数 <span class="badge"><%= item.comment %></span></span>
										</div>
									</div>
							  	</li>
									
								<% }) %>

							  	
							  	<li class="list-group-item">
							  		<div class="row">
										<div class="col-xs-12">
											<p class="text-right"><a href="/search/moreNews?classify=体育&content=" class="span-info">查看更多</a><span class="glyphicon glyphicon-chevron-right span-info" aria-hidden="true"></span></p>
										</div>
									</div>
							  	</li>
							  	
							</ul>
						</div>
					</div>
					
					<div id="financeNews">
						<div class="row">
							<div class="col-xs-12">
								<div class="page-header">
								    <h1>财经新闻<small>24小时热点直达</small></h1>
								</div>
							</div>
						</div>
						
						<div class="row">
							<ul class="list-group col-xs-12">
							  	
							  	<% financeNews.forEach(function(item) { %>
				
							  	<li class="list-group-item">
							  		<div class="row">
										<div class="col-xs-4 col-md-2">
											<a href="/news?newsId=<%= item.id %>">
												<img src="<%= item.smallPicture %>" alt="Hot news" class="img-responsive img-thumbnail" />
											</a>
										</div>
										
										<div class="col-xs-8 col-md-10">
											<a href="/news?newsId=<%= item.id %>">
												<h4><%= item.title %><small><%= item.smallTitle %></small></h4>
											</a>
											<p><%= item.summary %></p>
										</div>
									</div>
									
									<div class="row text-right">
										<div class="visible-md-block visible-lg-block col-md-3 col-md-offset-2">
											<span>—— <%= item.name %> </span> 
										</div>
										<div class="col-md-3">
											<time><%= item.sendTime %></time>	
										</div>
										<div class="col-md-4">
											<span class="span-info">点击量 <span class="badge"><%= item.click %></span></span>
											<span>评论数 <span class="badge"><%= item.comment %></span></span>
										</div>
									</div>
							  	</li>
									
								<% }) %>
							  	
							  	<li class="list-group-item">
							  		<div class="row">
										<div class="col-xs-12">
											<p class="text-right"><a href="/search/moreNews?classify=财经&content=" class="span-info">查看更多</a><span class="glyphicon glyphicon-chevron-right span-info" aria-hidden="true"></span></p>
										</div>
									</div>
							  	</li>
							  	
							</ul>
						</div>
					</div>
					
					<div id="moreNews">
						<div class="row">
							<div class="col-xs-12">
								<div class="page-header">
								    <h1>更多新闻<small>24小时热点直达</small></h1>
								</div>
							</div>
						</div>
						
						<div class="row">
							<ul class="list-group col-xs-12" id="nextPage">
							  	
							  	<!--<li class="list-group-item">
							  		<div class="row">
										<div class="col-xs-4 col-md-2">
											<a href="#">
												<img src="/img/1451549830_480x481.jpg" alt="Hot news" class="img-responsive img-thumbnail" />
											</a>
										</div>
										
										<div class="col-xs-8 col-md-10">
											<h4>News title<small>Secondary text</small></h4>
											<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
										</div>
									</div>
									
									<div class="row text-right">
										<div class="visible-md-block visible-lg-block col-md-3 col-md-offset-2">
											<span>—— daoer che </span> 
										</div>
										<div class="col-md-3">
											<time>2017-3-23 19:34</time>	
										</div>
										<div class="col-md-4">
											<span class="span-info">点击量 <span class="badge">42</span></span>
											<span>评论数 <span class="badge">100</span></span>
										</div>
									</div>
							  	</li>-->
							  	
							</ul>
						</div>
						
						
					</div>
					
				</div>
				
				<div class="col-md-2 visible-md-block visible-lg-block">
					
					<div id="sideNav">
						<ul class="nav nav-pills nav-stacked" id="sideNavList">
						  <li role="presentation" class="active"><a href="#societyNews">社会</a></li>
						  <li role="presentation"><a href="#amusementNews">娱乐</a></li>
						  <li role="presentation"><a href="#scienceNews">科技</a></li>
						  <li role="presentation"><a href="#PENews">体育</a></li>
						  <li role="presentation"><a href="#financeNews">财经</a></li>
						  <li role="presentation"><a href="#moreNews">更多</a></li>
						</ul>
					</div>
					
				</div>
			</div>
		</div>
		
		<!-------------------          kinds of news end        --------------------------------->
		
		<!-------------------            Modal start         ------------------------->
		
		<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel">
			<div class="modal-dialog" role="document" aria-hidden="true">
			    <div class="modal-content">
			    	
			    	
				   
				   
				   
				    
			    </div>
			</div>
		</div>
		
		<!-------------------            Modal end         ------------------------->
		
		<script type="text/javascript" src="/js/jquery-3.1.1.min.js" ></script>
		<script type="text/javascript" src="/js/bootstrap.min.js" ></script>
		<script src="/js/header.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="/js/sweetalert.min.js" ></script>
		<script src="/js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
